<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="./font/font_footer/iconfont.css">
    <link rel="stylesheet" href="css/common-PC.css" />
    <link rel="stylesheet" href="css/shoppingCart.css" />
    <script src="./js/library/jquery.js" type="module"></script>
    <script src="./js/shoppingCart.js" type="module"></script>
    <title>购物车</title>
  </head>
  <body>
    <div class="header">
      <div class="banxin">
        <div class="logo fl">
          <img src="./img/logo.png" alt="" />
          <a href="https://www.mi.com/index.html">xm</a>
        </div>
        <div class="zi">
          <h1>我的购物车</h1>
          <p>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</p>
        </div>
        <div class="login">
          <div class="user">
            <div>
              <a href=""> 。</a>
            </div>
            <span>|</span>
            <div>
              <a href=""> 我的订单 </a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="goods">
      <div class="banxin">
        
        
        <div class="goods_t">
          <div class="xuanze">
            <input type="checkbox" class="ck" />
            <p>全选</p>
          </div>
          <div class="name">商品名称</div>
          <div class="price">价格</div>
          <div class="num">数量</div>
          <div class="sum">小计</div>
          <div class="caozuo">操作</div>
        </div>
        
        
        <div class="good">
          
        </div>
        <div class="jiesuan">
            <div class="tongji">
                <a href="">
                  继续购物
                </a>
                <span>|</span>
                <span>共 <i>1</i>件商品，已选择 <i>1</i>件</span>
            </div>

            <a href="" id="qjs">去结算</a>
            <p>合计：<span id="heji">0</span> 元</p>
        </div>
      </div>
    
    <div class="fenge banxin">

      <div class="xian"></div>
      <p>买购物车中商品的人买了</p>
      <div class="xian"></div>
    </div>

    <div class="tuijian banxin">
      <div class="kuai">
        <img src="./img/xmms1.png" alt="" />
        <p class="p1">Redmi智能电视A32黑色32...</p>
        <p class="p2">陪伴美好时光</p>
        <p class="p3">
          <span class="span1">888元</span>
          <span class="span2">999元</span>
        </p>
      </div>
      <div class="kuai">
        <img src="./img/xmms1.png" alt="" />
        <p class="p1">Redmi智能电视A32黑色32...</p>
        <p class="p2">陪伴美好时光</p>
        <p class="p3">
          <span class="span1">888元</span>
          <span class="span2">999元</span>
        </p>
      </div>
      <div class="kuai">
        <img src="./img/xmms1.png" alt="" />
        <p class="p1">Redmi智能电视A32黑色32...</p>
        <p class="p2">陪伴美好时光</p>
        <p class="p3">
          <span class="span1">888元</span>
          <span class="span2">999元</span>
        </p>
      </div>
      <div class="kuai">
        <img src="./img/xmms1.png" alt="" />
        <p class="p1">Redmi智能电视A32黑色32...</p>
        <p class="p2">陪伴美好时光</p>
        <p class="p3">
          <span class="span1">888元</span>
          <span class="span2">999元</span>
        </p>
      </div>
      <div class="kuai" style="margin-right: 0px;">
        <img src="./img/xmms1.png" alt="" />
        <p class="p1">Redmi智能电视A32黑色32...</p>
        <p class="p2">陪伴美好时光</p>
        <p class="p3">
          <span class="span1">888元</span>
          <span class="span2">999元</span>
        </p>
      </div>

      <div class="kuai">
        <img src="./img/xmms1.png" alt="" />
        <p class="p1">Redmi智能电视A32黑色32...</p>
        <p class="p2">陪伴美好时光</p>
        <p class="p3">
          <span class="span1">888元</span>
          <span class="span2">999元</span>
        </p>
      </div>
      <div class="kuai">
        <img src="./img/xmms1.png" alt="" />
        <p class="p1">Redmi智能电视A32黑色32...</p>
        <p class="p2">陪伴美好时光</p>
        <p class="p3">
          <span class="span1">888元</span>
          <span class="span2">999元</span>
        </p>
      </div>
      <div class="kuai">
        <img src="./img/xmms1.png" alt="" />
        <p class="p1">Redmi智能电视A32黑色32...</p>
        <p class="p2">陪伴美好时光</p>
        <p class="p3">
          <span class="span1">888元</span>
          <span class="span2">999元</span>
        </p>
      </div>
      <div class="kuai">
        <img src="./img/xmms1.png" alt="" />
        <p class="p1">Redmi智能电视A32黑色32...</p>
        <p class="p2">陪伴美好时光</p>
        <p class="p3">
          <span class="span1">888元</span>
          <span class="span2">999元</span>
        </p>
      </div>
      <div class="kuai" style="margin-right: 0px;">
        <img src="./img/xmms1.png" alt="" />
        <p class="p1">Redmi智能电视A32黑色32...</p>
        <p class="p2">陪伴美好时光</p>
        <p class="p3">
          <span class="span1">888元</span>
          <span class="span2">999元</span>
        </p>
      </div>
    </div>
    
    <div class="footer">
      <div class="footer_c banxin">
        <div class="footer_fuwu">
          <ul class="fuwu_ul">
            <li>
              <a href="">
                <span class="iconfont icon-gongju"></span>
                预约维修服务
              </a>
            </li>
            <li>
              <a href="">
                <span class="iconfont icon-7tiantuihuanhuo"></span>
                7天无理由退货
              </a>
            </li>
            <li>
              <a href="">
                <span class="iconfont icon-15tianwuliyoutuihuo"></span>
                15天免费退货
              </a>
            </li>
            <li>
              <a href="">
                <span class="iconfont icon-liwu"></span>
                满69包邮
              </a>
            </li>
            <li>
              <a href="">
                <span class="iconfont icon-weibiaoti-3"></span>
                520余家售后网点
              </a>
            </li>
          </ul>
        </div>
        <div class="footer_links">
          <dl>
            <dt>帮助中心</dt>
            <dd>账户管理</dd>
            <dd>购物指南</dd>
            <dd>订单操作</dd>
          </dl>
          <dl>
            <dt>服务支持</dt>
            <dd>售后政策</dd>
            <dd>自助服务</dd>
            <dd>相关下载</dd>
          </dl>
          <dl>
            <dt>线下门店</dt>
            <dd>小米之家</dd>
            <dd>服务网点</dd>
            <dd>授权体验店</dd>
          </dl>
          <dl>
            <dt>关于小米</dt>
            <dd>了解小米</dd>
            <dd>加入小米</dd>
            <dd>投资者关系</dd>
            <dd>企业社会责任</dd>
            <dd>公益基金会</dd>
          </dl>
          <dl>
            <dt>关注我们</dt>
            <dd>新浪微博</dd>
            <dd>官方微信</dd>
            <dd>联系我们</dd>
            <dd>廉洁举报</dd>
          </dl>
          <dl>
            <dt>特色服务</dt>
            <dd>F码通道</dd>
            <dd>礼物码</dd>
            <dd>防伪查询</dd>
          </dl>
          <div class="lianxi">
            <p  class="p1">400-100-5678</p>
            <p  class="p2">8:00-18:00（仅收市话费）</p>
            <a href="">
              <span class="glyphicon glyphicon-envelope"></span>  人工客服
            </a>
          </div>
        </div>
      </div>
    </div>
  
    <div class="footer_bottom">
      <div class="bottom-c">
        <div class="logo fl">
          <img src="./img/logo.png" alt="" />
          <a href="https://www.mi.com/index.html">xm</a>
        </div>
        <div class="bottom-text">
          <p>
            <a href="">小米商城</a>
            <span>|</span>
            <a href="">MIUI</a>
            <span>|</span>
            <a href="">米家</a>
            <span>|</span>
            <a href="">米聊</a>
            <span>|</span>
            <a href="">多看</a>
            <span>|</span>
            <a href="">游戏</a>
            <span>|</span>
            <a href="">政企服务</a>
            <span>|</span>
            <a href="">小米天猫店</a>
            <span>|</span>
            <a href="">小米集团隐私政策</a>
            <span>|</span>
            <a href="">小米公司儿童信息保护规则</a>
            <span>|</span>
            <a href="">小米商城隐私政策</a>
            <span>|</span>
            <a href="">小米商城用户协议</a>
            <span>|</span>
            <a href="">用户反馈</a>
            <span>|</span>
            <a href="">Select Location</a>
            <span>|</span>
          </p>
          <p>
            <a href="">
              北京互联网法院法律服务工作站
            </a>
            <span>|</span>
            <a href="">
              中国消费者协会
            </a>
            <span>|</span>
            <a href="">
              北京市消费者协会
            </a>
          </p>
          <p>
            <a href="">&copy;mi.com京ICP证110507号京ICP备10046444号京公网安备11010802020134号京网文[2020]0276-042号</a>
            <br>
            <a href="">(京)网械平台备字(2018 ）第O0005号互联网药品信息服务资格证(京)-非经营性-2014-0090营业执照医疗器械质量公告</a>
            <br>
            <a href="">增值电信业务许可证网络食品经营备案京食药网食备202010048食品经营许可证</a>
            <br>
            <a href="">违法和不良信息举报电话:171-5104-4404知识产权侵权投诉本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</a>
  
          </p>
          <div class="bottom-img">
            <a href="">
              <img src="./img/ysrz.png" alt="">
            </a>
            <a href="">
              <img src="./img/cxwz.png" alt="">
            </a>
            <a href="">
              <img src="./img/kxwz.png" alt="">
            </a>
            <a href="">
              <img src="./img/cxjy.png" alt="">
            </a>
            <a href="">
              <img src="./img/yfw.png" alt="">
            </a>
          </div>
        </div>
  
      </div>
      <p>让全球每个人都能享受科技带来的美好生活</p>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
  </body>
</html>
